<template>
  <q-tr>
    <q-th v-if="index===0 && hasCheck === true" :colspan="1" :rowspan="multipleHeadList.length">
      <q-checkbox v-model="props.selected" />
    </q-th>
    <q-th v-if="index===0 && hasIndex" :colspan="1" :rowspan="multipleHeadList.length">
      序号
    </q-th>
    <q-th
    class="multiple-head-th"
    v-for="(head,index) in headList"
    :key="index"
    :colspan="head.colSpan"
    :rowspan="head.rowSpan"
    :style="head.style"
    ><q-icon name="star" color="red" v-show="head.required" />{{head.name}}</q-th>
    <q-th v-if="index===0 && hasOpt" :colspan="1" :rowspan="multipleHeadList.length">
      操作
    </q-th>
  </q-tr>
</template>

<script>
export default {
  components: {},
  props: {
    props: {
      type: Object,
      required: true,
    },
    headList: {
      type: Array,
      required: true,
    },
    multipleHeadList: {
      type: Array,
      required: true,
    },
    index: {
      type: Number,
      required: true,
    },
    hasCheck: {
      type: Boolean,
      required: false,
      default: true,
    },
    hasIndex: {
      type: Boolean,
      required: false,
      default: true,
    },
    hasOpt: {
      type: Boolean,
      required: false,
      default: true,
    },

  },
  data() {
    return {
    };
  },
  watch: {},
  computed: {},
  methods: {},
  created() {},
  mounted() {},
};
</script>
<style lang="stylus">
</style>
